.px2rem(@name,@px){
    @{name}:@px / 75 * 1rem;
}
html,body{
    width: 100%;
    height: 100%;
    background-image: url(../imgs/msdl-bg_02.png);
}
.ms-header{
    width: 100%;
    display: flex;
    .px2rem(height,145);
    align-items: center;
    justify-content: space-around;
    border: 1px solid #ccc;
    .header-left{
        width: 30%;
        text-align: center;
        img{
            .px2rem(width,180);
           .px2rem(height,50); 
        }
    }
    .header-center{
        flex: 1;
    }
    .header-right{
        display: flex;
        justify-content: space-around;
        width: 20%;
        img{
            .px2rem(width,38);
            .px2rem(height,38);
        }
    }
}
.ms-main{
    .ms-dl{
        color: #c2c2c2;
        a{
            color:#c2c2c2;
        }
        dl{
            display: flex;
            .px2rem(height,116);
            align-items: center;
            border: 1px  solid #ccc;
            dt{
                width: 20%;
                text-align: center;
                img{
                    .px2rem(width,35);
                    .px2rem(height,35);
                }
            }
            dd{
                .px2rem(font-size,25);
            }
        }
    }
}